<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>烘焙圈</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/swiper-3.2.7.min.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet">
</head>
<body class="body-pad cl-b-lgrey">
	<div class="ub ub-ac page-header row">
		<a href="#"><img src="images/icon-cam2.png"></a>
		<div class="ub-f1"><input type="text" class="f16" placeholder="搜索食谱达人"></div>
		<a href="#"><img src="images/icon-msg.png"></a>
	</div>
    <div class="index-swiper swiper-container">
		<div class="swiper-wrapper">
	        <div class="swiper-slide"><img src="images/swiper1.png"></div>
	        <div class="swiper-slide"><img src="images/swiper2.png"></div>
	        <div class="swiper-slide"><img src="images/swiper3.png"></div>
	    </div> 
	    <div class="swiper-pagination"></div>
    </div>
    <div class="row ub five-grid index-five-grid f12 cl-b-white cl-f-dgrey">
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/index_b1.png"><p>食谱分类</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/index_b2.png"><p>随手拍</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/index_b3.png"><p>烘焙宝典</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/index_b4.png"><p>签到有奖</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/index_b5.png"><p>有奖征集</p></div>
    </div>
    <div class="row index-section cl-b-white">
    	<h3 class="index-section-name cl-f-orange f16">精选食谱<span class="index-section-more f14"><a href="#" class="cl-f-lgrey">更多&gt;</a></span></h3>
    	<div class="ub">
    		<div class="ub-f1 index-block clickable">
    			<div class="lazy" data-original="images/img1.png"><img src="images/o2.png" class="oimg"></div>
    			<p class="cl-f-grey">健康蛋黄酥饼干</p>
    		</div>
    		<div class="ub-f1 index-block clickable">
    			<div class="lazy" data-original="images/img2.png"><img src="images/o2.png" class="oimg"></div>
    			<p class="cl-f-grey">健康蛋黄酥饼干</p>
    		</div>
    	</div>
    </div>
    <div class="row index-section cl-b-white index-suipai">
    	<h3 class="index-section-name cl-f-orange f16">随拍作品<span class="index-section-more f14"><a href="#" class="cl-f-lgrey">更多&gt;</a></span></h3>
    	<div class="ub">
    		<div class="ub-f1 index-block clickable">
    			<div class="lazy" data-original="images/img3.png"><img src="images/o2.png" class="oimg"></div>
    			<p class="cl-f-grey text-overflow">健康蛋黄酥饼干</p>
    		</div>
    		<div class="ub-f1 index-block clickable">
    			<div class="lazy" data-original="images/img4.png"><img src="images/o2.png" class="oimg"></div>
    			<p class="cl-f-grey text-overflow">健康蛋黄酥饼干</p>
    		</div>
    		<div class="ub-f1 index-block clickable">
    			<div class="lazy" data-original="images/img3.png"><img src="images/o2.png" class="oimg"></div>
    			<p class="cl-f-grey text-overflow">健康蛋黄酥饼干</p>
    		</div>
    	</div>
    </div>
    <div class="index-section cl-b-white">
    	<h3 class="index-section-name cl-f-orange f16 row">烘焙宝典<span class="index-section-more f14"><a href="#" class="cl-f-lgrey">更多&gt;</a></span></h3>
    	<ul class="index-baodian-list">
    		<li class="ub clickable ub-ac row">
    			<div class="lazy" data-original="images/img5.png"><img src="images/o3.png" class="oimg"></div>
    			<div class="ub-f1 cl-f-grey index-baodian-title">[饼干]不可不看 烘焙饼干时困扰你的九个问题，失败的六大真相！</div>
    		</li>
    		<li class="ub clickable ub-ac row">
    			<div class="lazy" data-original="images/img5.png"><img src="images/o3.png" class="oimg"></div>
    			<div class="ub-f1 cl-f-grey index-baodian-title">[饼干]不可不看 烘焙饼干时困扰你的九个问题，失败的六大真相！</div>
    		</li>
    		<li class="ub clickable ub-ac row">
    			<div class="lazy" data-original="images/img5.png"><img src="images/o3.png" class="oimg"></div>
    			<div class="ub-f1 cl-f-grey index-baodian-title">[饼干]不可不看 烘焙饼干时困扰你的九个问题，失败的六大真相！失败的六大真相！失败的六大真相！[饼干]不可不看 烘焙饼干时困扰你的九个问题，失败的六大真相！失败的六大真相！失败的六大真相！</div>
    		</li>
    	</ul>
    </div>
    <div class="index-banner-img lazy" data-original="images/img6.png">
    	<img src="images/o4.png" class="oimg">
    </div>
    <div class="row index-section cl-b-white index-hot">
    	<h3 class="index-section-name cl-f-orange f16">热门活动<span class="index-section-more f14"><a href="#" class="cl-f-lgrey">更多&gt;</a></span></h3>
    	<div class="ub">
    		<div class="ub-f1 index-block clickable ub-con">
    			<div class="lazy" data-original="images/img7.png"><img src="images/o2.png" class="oimg" id="test"></div>
    		</div>
    		<div class="ub-f1 index-block ub-ver ub-con index-ver-block">
    			<div class="lazy clickable" data-original="images/img8.png"><img src="images/o5.png" class="oimg"></div>
    			<div class="lazy clickable" data-original="images/img9.png"><img src="images/o5.png" class="oimg"></div>
    		</div>
    	</div>
    </div>
    <div class="row index-section cl-b-white">
        <h3 class="index-section-name cl-f-orange f16">活跃达人<span class="index-section-more f14"><a href="#" class="cl-f-lgrey">更多&gt;</a></span></h3>
        <div class="ub five-grid daren-five-grid f12 cl-f-lgrey">
            <div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/daren-tx.png"><p>ingLi凱穎</p></div>
            <div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/daren-tx.png"><p>ingLi凱穎</p></div>
            <div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/daren-tx.png"><p>ingLi凱穎</p></div>
            <div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/daren-tx.png"><p>ingLi凱穎</p></div>
            <div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/daren-tx.png"><p>ingLi凱穎</p></div>
        </div>
    </div>
    <div class="row ub five-grid footer-five-grid f12 cl-b-white cl-f-dgrey page-footer">
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic1.png"><p>首页</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic2.png"><p>动态</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic3.png"><p>随手拍</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic4.png"><p>评测</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="images/f-ic5.png"><p>我的</p></div>
    </div>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/swiper-3.2.7.jquery.min.js"></script>
	<script src="js/jquery.lazyload.min.js"></script>
    <script src="js/fastclick.js"></script>
    <script src="js/custom.js"></script>
    <script type="text/javascript">
         var mySwiper = new Swiper ('.swiper-container', {
            autoplay: 3000,
            loop: true,
            pagination: '.swiper-pagination'
        });        
    </script>
</body>
</html>